<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="天地图" />
    <title>天地图－地图API－范例－地图样式</title>
    <style type="text/css">
        body,
        html {
            width: 100%;
            height: 100%;
            margin: 0;
            font-family: "Microsoft YaHei"
        }

        #mapDiv {
            width: 100%;
            height: 400px
        }

        input,
        b,
        p {
            margin-left: 5px;
            font-size: 14px
        }
    </style>
    <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=7f7c26ebb5509b873570791f4e23f271">
    </script>
    <script src="./js/jquery-1.11.1.js"></script>
    <script src="./js/echarts/echarts.min.js"></script>
    <script src="./js/jquery.liMarquee.js"></script>
    <script src="./js/index.js">
    </script>
    <script src="./js/content.js"></script>
    <script>
        var map;
        var zoom = 10;

        function onLoad() {
            //初始化地图对象
            map = new T.Map("mastDt");
            //设置显示地图的中心点和级别
            map.centerAndZoom(new T.LngLat(120.87483, 30.039105), zoom);
            map.setStyle('black')
        }
    </script>
</head>

<body onLoad="onLoad()">
    <div id="mapDiv"></div>
    <p>本示例演示如何设置地图样式。</p>
</body>

</html>